<template>
  <v-dialog max-width="600">
    <v-card>
      <v-card-text>
        {{ title }}
      </v-card-text>
      <v-card-text>
        {{ content }}
      </v-card-text>
      <v-card-actions>
        <button-disagree @click="closeEvent()"></button-disagree>
        <button-agree @click="confirmEvent()"></button-agree>
      </v-card-actions>
    </v-card>
  </v-dialog>
</template>
<script setup lang="ts">
defineProps<{
  title?: string,
  content?: string,
}>()
const emit = defineEmits<{
  (e: 'confirm'): boolean,
  (e: 'close'): boolean
}>()
const confirmEvent = () => {
  emit('confirm');
}
const closeEvent = () => {
  emit('close');
}
</script>